// 歌单介绍
.header_wrap {
  .song_wrap {
    height: 420rpx;
    background-position: center;
    background-size: 100%;
    color: #fff;
    padding: 100rpx 10rpx 0 40rpx;
    .song_tilte {
      font-size: 32rpx;
      margin-bottom: 20rpx;
      font-weight: 500;
    }
    .song_details {
      background: rgba(124, 124, 124, 0.8);
      padding: 5rpx 10rpx;
      opacity: 0.8;
      font-size: 24rpx;
    }
    .song_content_wrap {
      display: flex;
      color: #dad8d7;
      margin-top: 40rpx;
      .song_content {
        flex: 14;
      }
      .song_rigth_arrow {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: flex-end;
      }
    }
  }
}

// 用户歌单
.user_playlist_wrap {
  // 背景图层
  .backImage {
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(20px);
    width: 100%;
    height: 400rpx;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    background-size: 140%;
  }
  //歌单基本信息
  .userPlayList {
    padding: 60rpx 30rpx;
    display: flex;
    color: #fff;
    height: 400rpx;
    //歌单图片
    .userImage {
      flex: 2;
      image {
        width: 100%;
      }
    }

    // 歌单标题
    .userSongTilte_wrap {
      padding: 30rpx;
      flex: 3;
      //标题
      .userSongTilte {
        font-size: 32rpx;
      }
      //用户
      .user_wrap {
        margin-top: 80rpx;
        display: flex;
        align-items: center;
        image {
          width: 18%;
          border-radius: 50%;
        }
        text {
          font-size: 28rpx;
          padding-left: 10rpx;
        }
      }
    }
  }
  // 歌单简介
  .active{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .briefContent {
    background: #fff;
    padding: 20rpx 30rpx;
    padding-bottom: 45rpx;
    color: #666666;
    position: relative;
    // 标签
    .briefContentTags{
      height: 70rpx;
      text{
        border: 1px solid #EBEBEB;
        padding: 0 10rpx;
        margin-right: 20rpx;
        border-radius: 50rpx;
      }
    }
    // 箭头
    .contentIncon {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #fff;
      width: 100%;
      height: 40rpx;
      padding-right: 15rpx;
      text{
        height: 100%;
        float: right;
        display: flex;
        justify-content: right;
        align-items: center;
        font-size: 40rpx;
        color: #C3C3C3;
      }
    }
  }
}

// 歌单歌曲展示
.song_musicList_wrap {
  .musicTitle {
    background: #eeeff0;
    color: #666666;
    font-size: 24rpx;
    padding: 10rpx;
  }
}

// 歌单评论
.m_newcomm {
  // 歌曲列表
  .cmt_title {
    background: #eeeff0;
    color: #666666;
    font-size: 24rpx;
    padding: 10rpx;
  }
  // 评论
  .cmt_list {
    display: flex;
    padding-top: 25rpx;
    // 用户头像
    .cmt_head {
      flex: 1;
      padding: 20rpx;
      image {
        border-radius: 50%;
      }
    }
    // 用户评论
    .cmt_wrap {
      flex: 8;
      border-bottom: 1px solid #f0f0f0;

      // 评论日期昵称
      .cmt_header {
        display: flex;
        .cmt_meta {
          flex: 3;
          // 昵称
          .cmt_user {
            color: #666666;
          }
          // 评论日期
          .cmt_time {
            color: #666666;
          }
        }
        // 点赞
        .cmt_like {
          display: flex;
          justify-content: center;
          align-items: center;
          .icon-dianzan {
            font-size: 34rpx;
            padding: 10rpx;
          }
        }
      }
      // 评论内容
      .cmt_content {
        padding: 25rpx 25rpx 25rpx 0;
        .reply_content {
          text {
            color: #507daf;
          }
        }

        .cmt_replied {
          color: #888;
          background: #fff;
          padding: 20rpx 20rpx;
          border: 1px solid rgba(0, 0, 0, 0.1);
          margin-top: 20rpx;
        }
      }
    }
  }
}
